import React from 'react'
import './TodoMain.css'
import TodoItem from '../TodoItem/TodoItem';
export default function TodoMain(props) {
    //解构
    let { todolists, checkOnetodo } = props;
    return (
        <ul className="todo-main">
            {
                todolists.map(item => {
                    return (
                        <TodoItem key={item.id} item={item} checkOnetodo={checkOnetodo}></TodoItem>
                    )
                })
            }
        </ul>
    )
}
